<template>
  <van-tabbar v-model="active" class="tab-bar" :safe-area-inset-bottom="true">
    <van-tabbar-item icon="apps-o">新闻</van-tabbar-item>
    <van-tabbar-item icon="user-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { ref } from 'vue'
const active = ref(0)
</script>

<style scoped>
.tab-bar {
  /* margin-top: 30px; */
}
</style>
